import React from "react";
import 陶瓷纤维毡1 from "./陶瓷纤维毡1.png";
import { allStore } from "../../../../store/AllStore";
import { Button, Modal, Table } from "antd";

export class CeramicFiberBlanket extends React.Component {
  onView(dataSource, columns) {
    Modal.info({
      icon: null,
      okText: allStore.isEnglish ? "Close" : "关闭",
      title: allStore.isEnglish ? "Detailed Information" : "详细信息",
      content: (
        <div>
          <Table
            style={{ height: 400 }}
            scroll={{ y: 350 }}
            bordered
            pagination={false}
            dataSource={dataSource}
            columns={columns}
          ></Table>
        </div>
      ),
      width: 960,
    });
  }
  render() {
    const columns = [
      {
        title: allStore.isEnglish ? "Description" : "介绍",
        dataIndex: "Description",
        key: "Description",
      },
      {
        title: allStore.isEnglish ? "STD Blanket" : "STD毯",
        dataIndex: "STDBlanket",
        key: "STDBlanket",
      },
      {
        title: allStore.isEnglish ? "High Pure Blanke" : "高纯毛毯",
        dataIndex: "HighPureBlanke",
        key: "HighPureBlanke",
      },
      {
        title: allStore.isEnglish ? "High zirconium Blanke" : "高锆毡",
        dataIndex: "HighzirconiumBlanke",
        key: "HighzirconiumBlanke",
      },
    ];
    const dataSource = [
      {Description:"AL2O3（％）",
        STDBlanket:"≥44",
        HighPureBlanke:"≥45",
        HighzirconiumBlanke:"≥34"
      },
      {Description:"AL2O3+SiO2 (%)",
        STDBlanket:"≥96",
        HighPureBlanke:"≥99",
        HighzirconiumBlanke:"≥84"
      },
      {Description:"Fe2O3+TiO2(%)",
        STDBlanket:"≤1.0",
        HighPureBlanke:"≤0.5",
        HighzirconiumBlanke:"≤0.5"
      },
      {Description:"ZrO2 (%)",
        STDBlanket:"-",
        HighPureBlanke:"-",
        HighzirconiumBlanke:"≥15"
      },
      {Description:"K2O+Na2O（％）",
        STDBlanket:"≤1.0",
        HighPureBlanke:"≤0.2",
        HighzirconiumBlanke:"≤0.2"
      },
      {Description:allStore.isEnglish?"Density (kg/m3)":"密度（kg/m3）",
        STDBlanket:"96 128",
        HighPureBlanke:"96 128 160",
        HighzirconiumBlanke:"96 128 160"
      },
      {Description:allStore.isEnglish?"Classification Temperature(℃)":"分级温度（℃）",
        STDBlanket:"1260",
        HighPureBlanke:"1260",
        HighzirconiumBlanke:"1430"
      },
      {Description:allStore.isEnglish?"Fiber Diameter(um)":"纤维直径（um）",
        STDBlanket:"3.5",
        HighPureBlanke:"3.5",
        HighzirconiumBlanke:"3.5"
      },
      {Description:allStore.isEnglish?"Shot Content(%)":"镜头内容（%）",
        STDBlanket:"≤15",
        HighPureBlanke:"≤15",
        HighzirconiumBlanke:"≤15"
      },
      {Description:allStore.isEnglish?"Shrinkage after Heating (%)":"加热后收缩率（%）",
        STDBlanket:"1000C *24h≤2.5",
        HighPureBlanke:"1100 C *24h≤2.5",
        HighzirconiumBlanke:"1350 C *24h≤3.5"
      },
      {Description:allStore.isEnglish?"Thermal Conductivity(W/m·k)":"导热系数（W/m·k）",
        STDBlanket:"",
        HighPureBlanke:"",
        HighzirconiumBlanke:""
      },
      {Description:"400℃",
        STDBlanket:"0.090     0.095",
        HighPureBlanke:"0.124     0.114     0.101",
        HighzirconiumBlanke:"0.138     0.122     0.118"
      },
      {Description:"500℃",
        STDBlanket:"0.119     0.123",
        HighPureBlanke:"0.145     0.135     0.120",
        HighzirconiumBlanke:"0.179     0.153     0.149"
      },
      {Description:"600℃",
        STDBlanket:"0.152     0.158",
        HighPureBlanke:"0.202     0.191     0.175",
        HighzirconiumBlanke:"0.233     0.184     0.172"
      },
      {Description:allStore.isEnglish?"Tensile Strength(Mpa)":"Tensile Strength(Mpa)",
        STDBlanket:"0.040     0.05",
        HighPureBlanke:"0.050     0.060     0.075",
        HighzirconiumBlanke:"0.050     0.060     0.075"
      },
    ];
    return (
      <div id="ceramic-fiber-blanket" className="pcd-mod-layout">
        <div
          style={{
            width: 1080,
            display: "flex",
            alignItems: "center",
          }}
        >
          <img
            style={{ width: 470, marginRight: 140 }}
            alt=""
            src={陶瓷纤维毡1}
          ></img>
          <div style={{ width: 470, height: 300 }}>
            <div
              style={{
                textAlign: "start",
                fontSize: 24,
                color: "#000",
                marginBottom: 24,
              }}
            >
              {allStore.isEnglish ? "Ceramic fiber blanket" : "陶瓷纤维毡"}
            </div>
            <div style={{ textAlign: "start", marginBottom: 24 }}>
              {allStore.isEnglish
                ? "Ceramic fiber blanket is made of special ceramic long-fiber that is produced by melting very pure raw materials in double surface needing process. Ceramic fiber blanket is composed of long, flexible, interwoven fibers manufactured by the “spun” or  “blow” process yielding a strong, light weight yet durable blanket for applications in a temperature range from 1100℃ to 1430℃Ceramic fiber blanket has the heat resistance of a hard refractory with five times better insulation value."
                : "陶瓷纤维毡是将非常纯的原料经双面熔制而成的特殊陶瓷长纤维，经加工而成。 陶瓷纤维毡是由长而柔韧的交织纤维组成，通过“纺丝”或“吹制”工艺制造而成，可在1100℃至1430℃的温度范围内使用，形成强度高、重量轻、耐用的毡。陶瓷纤维毡的耐热性是硬耐火材料的五倍，绝缘性能更好。"}
            </div>
            <div style={{ textAlign: "start" }}>
              <Button
                type="primary"
                onClick={() => this.onView(dataSource, columns)}
              >
                {allStore.isEnglish ? "View details" : "查看详情"}
              </Button>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
